<template>
	<div>
		<div class="app-header">
				<div class="banxin">
					<img src="../assets/logo.png">
					<div class="app-header-nav">
						<ul>
							<li>登录</li>
							<li class="line">|</li>
							<li>注册</li>
							<li class="line">|</li>
							<li>关于</li>
						</ul>
					</div>
				</div> 	
		</div>
	</div>
</template>
<script type="text/javascript">
</script>
<!-- 单文件组件方法scoped写上为局部css，否则为全局css -->
<!-- 单文件组件方法<style lang='less'>css预处理方式-->
<style type="text/css">
	/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}a{text-decoration:none;}
	/* 版心 */
	.banxin{
		width: 1200px;
		margin:0 auto;
	}
	
	body{
		background-color: #f2f3f5;
	}
	/*头部*/
	.app-header{
		background-color: #363636;
		height: 80px;
		line-height: 80px;
	}

	.app-header img{
		width: 60px;
		height: 60px;
		float: left;
		margin-top: 10px;
	}
	
	.app-header-nav ul{
		float: right;
	}

	.app-header-nav li{
		float: left;
		color: white;
	}

	.app-header-nav .line{
		margin:0 10px;
	}

	.clearfix:after{
		content:"";
		height: 0;
		line-height: 0;
		display:block;
		visibility:hidden;
		clear:both;
	}

	.clearfix{
		zoom:1;
	}
</style>